<div layout="row" layout-xs="column" layout-wrap>
  <div flex="100">
      <md-card flex="100">
          <md-card-title>
              <md-card-title-text><span class="md-headline">{{ '公告' | translate }}</span></md-card-title-text>
          </md-card-title>
          <md-card-content>
              <div ng-show="notices.length === 0">{{ '暂无公告' | translate }}</div>
              <md-list ng-show="notices.length > 0">
                  <md-divider></md-divider>
                  <md-list-item ng-repeat-start="notice in notices" ng-click="showNotice(notice)">
                      <div flex layout="row" layout-align="space-between center">
                          <div>{{notice.title}}</div>
                      </div>
                  </md-list-item>
                  <md-divider ng-repeat-end></md-divider>
              </md-list>
          </md-card-content>
      </md-card>
  </div>
</div>